<template>
  <div id="app">
    <layout>
      <span slot="right" class="content">
        <router-view></router-view>
      </span>
    </layout>
  </div>
</template>

<script>
import sidebar from "@/layout/sidebar";
import layout from "@/layout/index.vue";
export default {
  name: "app",
  components: { sidebar, layout },
  provide() {
    return {
      routerTitle: this.routerTitle,
    };
  },
  data() {
    return {
      routerTitle: { title: "" },
    };
  },
  created() {
    this.$router.push({
      path: "/drag-dialog",
    });
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
#app {
  // height: calc(100vh);
  // overflow: auto;
  // display: flex;
  .content {
    height: 100%;
    overflow: auto;
    padding: 10px;
  }
}
</style>
